
import React, { Component } from 'react';
import ReactDOM from "react-dom";
import {
    // BrowserRouter as Router,
    Route,
    Link,
    HashRouter as Router
} from 'react-router-dom';

import "./css/index.css";
import imgSrc from "./images/a.jpg";
import thunk from 'redux-thunk';
import { Provider } from 'react-redux';

import Index from"./js/homePages.js";
import Button from'./js/state';
import Dates from'./js/dates.js';
import Menu from'./js/menu.js';
import Tabes from'./js/menu1.js';
import Pages from'./js/page.js';
import Login from'./js/login.js';
import {createStore,applyMiddleware} from 'redux'
import todoApp from './js/reducers/index.js';

import Search from'./js/search'
let store = createStore(todoApp,applyMiddleware(thunk))
const Routers=()=>{
    <div>
        <Route exact path="/" component={Index}/>
        <Route exact path="/index" component={Index}/>
        <Route path="/search" component={Search}/>
        <Route path='/button' component={Button}/>
        <Route path='/dates' component={Dates}/>
        <Route path='/menu' component={Menu}/>
        <Route path='./tabes' component={Tabes}/>
        <Route path='./Pages' component={Pages}/>
        <Route path='./Login' component={Login}/>
    </div>
} 
ReactDOM.render(
    <Provider store={store}>
        <Router>
            <div>
                <Route exact path="/" component={Index}/>
                <Route exact path="/index" component={Index}/>
                <Route path="/search" component={Search}/>
                <Route path='/button' component={Button}/>
                <Route path='/dates' component={Dates}/>
                <Route path='/menu' component={Menu}/>
                <Route path='/tabes' component={Tabes}/>
                <Route path='/pages' component={Pages}/>
                <Route path='/login' component={Login}/>
          </div>
        </Router>
    </Provider>,
    document.getElementById('box')
)





